<!--
名称: 初始页面
作者: huangdi_cd
日期: 2021/4/15
说明: 用于快速统一构建初始化页面
-->
<template>
    <div id="aPageCom">
        <span
            style="font-size: 15px;width: 200px; margin-left: 10px;font-family:Helvetica Neue"
            size="mini"
        > {{ title }}
        </span>
    </div>
</template>

<script>
    export default {
        name: 'AInitPageCom',
        props: {
            title: {
                type: String,
                default: ''
            }
        }
    }
</script>

<style scoped>
#aPageCom{
    background-color:#f5f7fa;
    border:1px solid #dcdfe6;
    width: 100%;
    height: 30px;
}

    /*修改子菜单的背景色：*/
    .el-menu-item {
        background-color: white !important;
    }
    /*字体颜色：*/
    .el-aside {
        color: #f04959;
    }
    /*鼠标悬浮时，子菜单的样式：*/
    .el-menu-item:hover{
        outline: 0 !important;
        color: #409EFF !important;
    }

    .el-menu-item.is-active {
        border-radius: 0px;
        color: #409EFF !important;
        background: white !important;
    }
    /*鼠标悬浮时，主菜单的样式：*/
    .el-submenu__title:focus, .el-submenu__title:hover{
        outline: 0 !important;
        color: white !important;
        background: white !important;
    }
</style>
